<template>
  <div class="container__header">
    <img src="../../image/bbb.png" alt="" />
    <div class="container__header__top">
      <span class="saoIcon iconfont" @click="scanCode">&#xe749;</span>
      <span
        class="searchIcon iconfont"
        @click="
          () => {
            router.push('/search');
          }
        "
        >&#xe600;</span
      >
    </div>
  </div>
</template>
<script setup>
import { useRouter } from "vue-router";

const router = useRouter();
</script>
<style lang="scss" scoped>
.container__header {
  width: 414rem;
  height: 168rem;
  background-image: linear-gradient(90deg, #5abefd, #0088dc3a);
  background-color: #0088dc;
  overflow: hidden;
  img {
    margin-left: 3%;
    width: 90%;
    height: 130%;
  }
  &__top {
    display: flex;
    justify-content: flex-end;
    font-size: 20rem;
    color: aliceblue;
    margin-top: -180rem;
    .iconfont {
      margin: 0 10rem;
    }
  }
}
</style>
